@fremtind/jkl-icon-button-react

@fremtind/jkl-icon-button-react

Beskrivelse

Se portalen for bruk og prinsipper.

Kom i gang

Lær hvordan du kan ta i bruk Jøkul

Bruk av React-pakken

Installasjon

• Installér pakken med yarn add @fremtind/jkl-icon-button-react eller npm i @fremtind/jkl-icon-button-react. Stil-pakken blir automatisk installert som en avhengighet.

• Importer både React-pakken (velg komponenten(e) du trenger) og stil-pakken i prosjektet ditt:

import { IconButton } from "@fremtind/jkl-icon-button-react";
import "@fremtind/jkl-icon-button/icon-button.min.css";

Bruk

Komponentene tar følgende props:

• iconType: Angir hvilken svg ikon skal vises (f.eks: search, calendar, clear). string
• buttonTitle: Serverer som hjelpetekst. string
• onClick: Påkrevd. Klikkhåndtering for knappen. Får en MouseEvent som første argument. MouseEventHandler<HTMLButtonElement>

En enkel bruk av knapper kan se slik ut:

<IconButton iconType="calendar" onClick={onClick} buttonTitle="Vis kalendar" />